script src="http://code.jquery.com/jquery-latest.js"></script>
<script>/*<![CDATA[*/
$('.webniazbanner').ready(function(){
    $('.Url').hide();
    setInterval(function(){
        $('.GoobsGoobs1').animate({fontSize:'+=3px'},100).animate({fontSize:'-=3px'},100);
        $('.GoobsGoobs2').animate({paddingLeft:'+=10px'},200).animate({paddingLeft:'-=10px'},200);
        $('.anime3').animate({fontSize:'+=5px',top:'-=5px'},200).animate({fontSize:'-=5px',top:'+=5px'},200);
        $('.anime4').animate({fontSize:'+=5px',top:'-=5px'},300).animate({fontSize:'-=5px',top:'+=5px'},300);
        $('.anime4').animate({fontSize:'+=5px',top:'-=5px'},200).animate({fontSize:'-=5px',top:'+=5px'},200);
        $('.pBText1').animate({right:0},100).animate({right:'5px'},200);
        $('.ptextAnimate').animate({left:0},300).animate({left:'10px'},300);
        for(i=0;i<$('.webniazbannerNav div').length;i++){
            $('.webniazbannerNav div:eq('+i+')').slideUp(600).slideDown(400);
        }
    },450);
    setInterval(function(){
        $('.Url').fadeIn(1000);
        $('.text').hide(1000);
        setTimeout(function(){
            $('.Url').fadeOut(500);
            $('.text').slideDown(500);
        },3000);
    },10000);
    setInterval(function(){
        $('.logoimg').fadeIn(1500);
        $('.text').hide(1500);
        setTimeout(function(){
            $('.logoimg').fadeOut(1000);
            $('.text').slideDown(1000);
        },3000);
    },10000);
});

/*]]>*/</script>
<style>/*<![CDATA[*/
@font-face {
    font-family: 'BTitr';
    src: url('http://fontonline.ir/fonts/BTitrBold.eot?#') format('eot'),  /* IE6–8 */
    url('http://fontonline.ir/fonts/BTitrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('http://fontonline.ir/fonts/BTitrBold..ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.webniazbanner{
    margin:0 auto;
    width:468px;
    height:68px;
    border:3px #06F solid;
    direction:rtl;
    color:#FFF;
    background: #333;
    border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -khtml-transition:all 0.2s ease-in-out;
}
.webniazbanner ,.webniazbanner *{
    font:30px BTitr,'B Titr',Titr,'Comic Sans MS',Tahoma;
}
.webniazbanner:hover{
    text-shadow:0 0 5px #09F;
    -moz-text-shadow:0 0 5px #09F;
    -o-text-shadow:0 0 5px #09F;
    -ms-text-shadow:0 0 5px #09F;
    -webkit-text-shadow:0 0 5px #09F;
    -khtml-text-shadow:0 0 5px #09F;
    color:#e9e9e9;
    box-shadow:0 5px 10px -5px #555;
    -moz-box-shadow:0 5px 10px -5px #555;
    -o-box-shadow:0 5px 10px -5px #555;
    -ms-box-shadow:0 5px 10px -5px #555;
    -webkit-box-shadow:0 5px 10px -5px #555;
    -khtml-box-shadow:0 5px 10px -5px #555;
}
.TextBanner{
    position:absolute;
    top:5%;
    right:0;
}
.ptextAnimate{
    position:absolute;
    top:15%;
    left:5px;
}
.webniazbannerNav{
    position:absolute;
    bottom:0;
    left:10px;
}
.webniazbannerNav div{
    display:inline-block;
    padding:2px 20px;
    background:#09f;
    border:1px solid #FFF;
    font-size:10px;
}
.Url{
    position:absolute;
    top:5px;
    left:0;
    width:100%;
    text-align:center;
}
.logoimg{
    position:absolute;
    top:5px;
    left:0;
    width:100%;
    text-align:center;
}
.anime3{
    font:bold 40px Arial, Helvetica, sans-serif;
    position:relative;
    left:25px;
}
.anime4{
    opacity:0.2;
    position:relative;
    left:25px;
    color:#FFFFFF;
    font:bold;
}
.anime5 {
    left:-190px;
    top:7px;
    position:relative;
}

/*]]>*/</style>
<div class="webniazbanner" onclick="window.open('//ERFI.LOXBLOG.COM/');">
    <div class="text" style="display: block;">
        <div class="TextBanner pBText1 GoobsGoobs1" style="font-size: 30px; right: 4.6;">دوستان عرفان</div>
        <div class="ptextAnimate" style="left: 4.2px;">
            <div style="font-size: 12px;" class="GoobsGoobs2">وبلاگ همنشینی دوستان</div>
        </div>
        <div class="webniazbannerNav">
            <div style="display: inline-block; opacity: 1;">مطالب جدید </div>
            <div style="display: inline-block; opacity: 1;">داغ وخنده دار</div>
            <div style="display: inline-block; opacity: 1;">درموردهمه چیز</div>
        </div>
    </div>
    <div class="Url" style="display: none;">
        <div class="anime3" style="font-size: 40px; top: 0px;">WWW.ERFI.LOXBLOG.COM</div>
    </div>
</div>

    <div class="Url" style="display: none;">
        <div class="anime4" style="font-size: 40px; top: 0px;">WWW.ERFI.LOXBLOG.COM</div>
    </div>
</div>

    <div class="logoimg" style="display: none;">
        <div class="anime5" style="font-size: 40px;">
   <img src="آدرس لوگو 70 * 70" width="70" height="70" />
        </div>
    </div>
</div>

نظرات شما عزیزان:

نام :

آدرس ایمیل:

وب سایت/بلاگ :

متن پیام:

نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه: